// 只适配手机端
// import { fileURLToPath, URL } from "node:url";

// import { defineConfig, loadEnv } from "vite";
// import vue from "@vitejs/plugin-vue";
// // import vueDevTools from 'vite-plugin-vue-devtools'
// import autoprefixer from 'autoprefixer';
// import pxtorem from 'postcss-pxtorem';

// // https://vite.dev/config/
// export default defineConfig(({ mode, command }) => {
//   const env = loadEnv(mode, process.cwd());
//   return {
//     base: '/',
//     plugins: [
//       vue(),
//       // vueDevTools(),
//     ],
//     resolve: {
//       alias: {
//         "@": fileURLToPath(new URL("./src", import.meta.url)),
//       },
//     },
//     server: {
//       host: "0.0.0.0",
//       // port: +env.VITE_APP_PORT,
//       open: true,
//       proxy: {
//         // 代理 /dev-api 的请求
//         // '/hello-world': {
//         //   changeOrigin: true,
//         //   target:"https://v1.hitokoto.cn",
//         //   rewrite: (path) =>
//         //     path.replace(new RegExp("^/hello-world"), ""),
//         // },
//         [env.VITE_APP_BASE_API]: {
//           changeOrigin: true,
//           // 代理目标地址：https://api.youlai.tech
//           target: 'https://api.youlai.tech',
//           rewrite: (path) =>
//             path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
//         },
//       },
//     },
//     css: {
//       postcss: {
//         plugins: [
//           autoprefixer({
//             overrideBrowserslist: [
//               'last 10 versions',
//               '> 1%',
//               'not dead',
//             ],
//           }),
//           pxtorem({
//             rootValue: 37.5,
//             propList: ['*'],
//             exclude: /node_modules\/vant/, 
//           }),
//         ],
//       },
//     },
//   };
// });


// 手机端和移动端适配 动态加载
import { fileURLToPath, URL } from "node:url";
import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
// import vueDevTools from 'vite-plugin-vue-devtools'
import autoprefixer from "autoprefixer";
import pxtorem from "postcss-pxtorem";

// https://vite.dev/config/
export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd());
  const isMobileDevice = () => {
  const userAgent = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase() : '';
  return /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
};;
  return {
    base: "/",
    plugins: [
      vue(),
      // vueDevTools(),
    ],
    resolve: {
      alias: {
        "@": fileURLToPath(new URL("./src", import.meta.url)),
      },
    },
    server: {
      host: "0.0.0.0",
      // port: +env.VITE_APP_PORT,
      // open: true,
      proxy: {
        // 代理 /dev-api 的请求
        // '/hello-world': {
        //   changeOrigin: true,
        //   target:"https://v1.hitokoto.cn",
        //   rewrite: (path) =>
        //     path.replace(new RegExp("^/hello-world"), ""),
        // },
        [env.VITE_APP_BASE_API]: {
          changeOrigin: true,
          target: "http://10.10.13.117:8000",
          rewrite: (path) => path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
        },
      },
    },
    css: {
      postcss: {
        plugins: [
          // 公共配置：始终加载 autoprefixer
          autoprefixer({
            overrideBrowserslist: ["last 10 versions", "> 1%", "not dead"],
          }),
          // 如果是手机端，额外加载 pxtorem 插件
          isMobileDevice()
            ? pxtorem({
                rootValue: 37.5,
                propList: ["*"],
                exclude: /node_modules\/vant/,
              })
            : null,
        ].filter(Boolean), // 过滤掉 null 值
      }
    },
  };
});
